<html>
    <head>
        <title>Test</title>
        <style>

            section { flow: horizontal;  border-spacing:-10dip; }
            section > div {
              background-image: url(path:E M0,-0 C0,-0,2,-0,3,-2.5 L11,3.75 C13,0,15,0,18,0 L-18,0 C-15,0,-13,0,-11,3.75 L-3,-2.5 C-2,-0,-0,-0,-0,-0);
              background-repeat:no-repeat;
              background-size:100% 100%;
              fill:gold;
              stroke:#888;
              stroke-width:1dip;
              width:max-content;
              padding:4dip 25dip;
            } 
            section > div:hover {
              fill:yellow;
            }


        </style>
    </head>
    <body>

    <section>
      <div>first</div>
      <div>second</div>
      <div>third</div>
      <div>quite-long-long-item</div>
  </section>      
    </body>
</html>